<?php
use shenka\assets\AppAsset;
use yii\helpers\Html;
use yii\bootstrap\Nav;
use yii\bootstrap\NavBar;
use yii\widgets\Breadcrumbs;

$controller = '神卡王国系列';
$action = '数据总览';

?>
	

<!-- /section:settings.box -->
<div class="page-header">
	<h1>
		<?php echo $controller;?>
		<small>
			<i class="ace-icon fa fa-angle-double-right"></i>
			<?php echo $action;?>
		</small>
	</h1>
</div><!-- /.page-header -->

<div class="col-xs-12">

	<!-- xin 国内数据-->
	<div class="col-sm-8 infobox-container" style="margin-top:20px;margin-left:50px;" >
        <h3 class="header smaller lighter red" style="text-align:left"><i class="ace-icon fa fa-laptop red"></i>国内产品数据总计</h3>
            <!-- 第一行 -->
            <div class="infobox infobox-red">
                <div class="infobox-icon">
                    <i class="ace-icon fa fa-users"></i>
                </div>

                <div class="infobox-data">
                    <span class="infobox-data-number"><?=$data['totalreg'];?></span>
                    <div class="infobox-content">总注册</div>
                </div>
            </div>

            <div class="infobox infobox-red">
                <div class="infobox-icon">
                    <i class="ace-icon fa fa-key"></i>
                </div>

                <div class="infobox-data">
                    <span class="infobox-data-number"><?=$data['ch_act']+$data['act_art'];?></span>
                    <div class="infobox-content">总激活</div>
                </div>
            </div>


            <div class="infobox infobox-red">
                <div class="infobox-icon">
                    <i class="ace-icon fa fa-fire"></i>
                </div>

                <div class="infobox-data">
                    <span class="infobox-data-number"><?=$data['totallog'];?></span>
                    <div class="infobox-content">总登录</div>
                </div>
            </div>

            <div class="infobox infobox-red">
                <div class="infobox-icon">
                    <i class="ace-icon fa fa-phone"></i>
                </div>

                <div class="infobox-data">
                    <span class="infobox-data-number"><?=$data['ch_android']+$data['art_android'];?>/<?=$data['ch_ios']+$data['art_ios'];?></span>
                    <div class="infobox-content">Android/iOS占有</div>
                </div>
            </div>

            <!-- 第二行 -->
            <div class="infobox infobox-blue">
                <div class="infobox-icon">
                    <i class="ace-icon fa fa-users"></i>
                </div>

                <div class="infobox-data">
                    <span class="infobox-data-number"><?=$data['reg_past'];?></span>
                    <div class="infobox-content">昨日注册</div>
                </div>
            </div>

            <div class="infobox infobox-blue">
                <div class="infobox-icon">
                    <i class="ace-icon fa fa-fire"></i>
                </div>

                <div class="infobox-data">
                    <span class="infobox-data-number"><?=$data['log_past'];?></span>
                    <div class="infobox-content">昨日登录</div>
                </div>
            </div>

            <div class="infobox infobox-green">
                <div class="infobox-icon">
                    <i class="ace-icon fa fa-users"></i>
                </div>

                <div class="infobox-data">
                    <span class="infobox-data-number"><?=$data['reg_today'];?></span>
                    <div class="infobox-content">今日注册</div>
                </div>
            </div>

            <div class="infobox infobox-green">
                <div class="infobox-icon">
                    <i class="ace-icon fa fa-fire"></i>
                </div>

                <div class="infobox-data">
                    <span class="infobox-data-number"><?=$data['log_today'];?></span>
                    <div class="infobox-content">今日登录</div>
                </div>
            </div>

    </div>

    <!-- 大冒险（中） -->
    <div class="col-sm-6 infobox-container" style="margin-top:20px;margin-left:50px;">
        <h3 class="header smaller lighter purple" style="text-align:left"><i class="ace-icon fa fa-globe purple"></i>星球大冒险(中)</h3>
            <!-- 第一行 -->
            <div class="infobox infobox-red">
                <div class="infobox-icon">
                    <i class="ace-icon fa fa-key"></i>
                </div>

                <div class="infobox-data">
                    <span class="infobox-data-number"><?=$data['ch_act'];?></span>
                    <div class="infobox-content">总激活</div>
                </div>
            </div>

            <div class="infobox infobox-blue">
                <div class="infobox-icon">
                    <i class="ace-icon fa fa-key"></i>
                </div>

                <div class="infobox-data">
                    <span class="infobox-data-number"><?=$data['ch_act_past'];?></span>
                    <div class="infobox-content">昨日激活</div>
                </div>
            </div>

            <div class="infobox infobox-green">
                <div class="infobox-icon">
                    <i class="ace-icon fa fa-key"></i>
                </div>

                <div class="infobox-data">
                    <span class="infobox-data-number"><?=$data['ch_act_today'];?></span>
                    <div class="infobox-content">今日激活</div>
                </div>
            </div>
            
            <!-- 第二行 -->
            <div class="infobox infobox-red">
                <div class="infobox-icon">
                    <i class="ace-icon fa fa-phone"></i>
                </div>

                <div class="infobox-data">
                    <span class="infobox-data-number"><?=$data['ch_android'];?>/<?=$data['ch_ios'];?></span>
                    <div class="infobox-content">Android/iOS占有</div>
                </div>
            </div>

            <div class="infobox infobox-blue">
                <div class="infobox-icon">
                    <i class="ace-icon fa fa-phone"></i>
                </div>

                <div class="infobox-data">
                    <span class="infobox-data-number"><?=$data['ch_act_past_android'];?>/<?=$data['ch_act_past_ios'];?></span>
                    <div class="infobox-content">Android/iOS占有</div>
                </div>
            </div>

            <div class="infobox infobox-green">
                <div class="infobox-icon">
                    <i class="ace-icon fa fa-phone"></i>
                </div>

                <div class="infobox-data">
                    <span class="infobox-data-number"><?=$data['ch_act_today_android'];?>/<?=$data['ch_act_today_ios'];?></span>
                    <div class="infobox-content">Android/iOS占有</div>
                </div>
            </div>

    </div>

    <!-- 美术棒 -->
    <div class="col-sm-6 infobox-container" style="margin-top:20px;margin-left:50px;">
        <h3 class="header smaller lighter pink" style="text-align:left"><i class="ace-icon fa fa-gift pink"></i>美术棒</h3>
            <!-- 第一行 -->
            <div class="infobox infobox-red">
                <div class="infobox-icon">
                    <i class="ace-icon fa fa-key"></i>
                </div>

                <div class="infobox-data">
                    <span class="infobox-data-number"><?=$data['act_art'];?></span>
                    <div class="infobox-content">总激活</div>
                </div>
            </div>

            <div class="infobox infobox-blue">
                <div class="infobox-icon">
                    <i class="ace-icon fa fa-key"></i>
                </div>

                <div class="infobox-data">
                    <span class="infobox-data-number"><?=$data['art_act_past'];?></span>
                    <div class="infobox-content">昨日激活</div>
                </div>
            </div>

            <div class="infobox infobox-green">
                <div class="infobox-icon">
                    <i class="ace-icon fa fa-key"></i>
                </div>

                <div class="infobox-data">
                    <span class="infobox-data-number"><?=$data['art_act_today'];?></span>
                    <div class="infobox-content">今日激活</div>
                </div>
            </div>
            
            <!-- 第二行 -->
            <div class="infobox infobox-red">
                <div class="infobox-icon">
                    <i class="ace-icon fa fa-phone"></i>
                </div>

                <div class="infobox-data">
                    <span class="infobox-data-number"><?=$data['art_android'];?>/<?=$data['art_ios'];?></span>
                    <div class="infobox-content">Android/iOS占有</div>
                </div>
            </div>

            <div class="infobox infobox-blue">
                <div class="infobox-icon">
                    <i class="ace-icon fa fa-phone"></i>
                </div>

                <div class="infobox-data">
                    <span class="infobox-data-number"><?=$data['art_act_past_android'];?>/<?=$data['art_act_past_ios'];?></span>
                    <div class="infobox-content">Android/iOS占有</div>
                </div>
            </div>

            <div class="infobox infobox-green">
                <div class="infobox-icon">
                    <i class="ace-icon fa fa-phone"></i>
                </div>

                <div class="infobox-data">
                    <span class="infobox-data-number"><?=$data['art_act_today_android'];?>/<?=$data['art_act_today_ios'];?></span>
                    <div class="infobox-content">Android/iOS占有</div>
                </div>
            </div>

    </div>

    <!-- 星球大冒险（韩） -->
    <div class="col-sm-6 infobox-container" style="margin-top:20px;margin-left:50px;">
        <h3 class="header smaller lighter orange" style="text-align:left"><i class="ace-icon fa fa-globe orange"></i>星球大冒险（韩）</h3>
            <!-- 第一行 -->
            <div class="infobox infobox-red">
                <div class="infobox-icon">
                    <i class="ace-icon fa fa-key"></i>
                </div>

                <div class="infobox-data">
                    <span class="infobox-data-number"><?=$data['kr_prod'];?></span>
                    <div class="infobox-content">总激活产品</div>
                </div>
            </div>

            <div class="infobox infobox-red">
                <div class="infobox-icon">
                    <i class="ace-icon fa fa-key"></i>
                </div>

                <div class="infobox-data">
                    <span class="infobox-data-number"><?=$data['kr_dev'];?></span>
                    <div class="infobox-content">总激活设备</div>
                </div>
            </div>

            <div class="infobox infobox-red">
                <div class="infobox-icon">
                    <i class="ace-icon fa fa-phone"></i>
                </div>

                <div class="infobox-data">
                    <span class="infobox-data-number"><?=$data['kr_android'];?>/<?=$data['kr_ios'];?></span>
                    <div class="infobox-content">Android/iOS占有</div>
                </div>
            </div>

            <!-- 第二行 -->
            <div class="infobox infobox-blue">
                <div class="infobox-icon">
                    <i class="ace-icon fa fa-key"></i>
                </div>

                <div class="infobox-data">
                    <span class="infobox-data-number"><?=$data['kr_prod_past'];?></span>
                    <div class="infobox-content">昨日激活产品</div>
                </div>
            </div>

            <div class="infobox infobox-blue">
                <div class="infobox-icon">
                    <i class="ace-icon fa fa-key"></i>
                </div>

                <div class="infobox-data">
                    <span class="infobox-data-number"><?=$data['kr_dev_past'];?></span>
                    <div class="infobox-content">昨日激活设备</div>
                </div>
            </div>

            <div class="infobox infobox-blue">
                <div class="infobox-icon">
                    <i class="ace-icon fa fa-phone"></i>
                </div>

                <div class="infobox-data">
                    <span class="infobox-data-number"><?=$data['kr_past_android'];?>/<?=$data['kr_past_ios'];?></span>
                    <div class="infobox-content">Android/iOS占有</div>
                </div>
            </div>

            <!-- 第三行 -->
            <div class="infobox infobox-green">
                <div class="infobox-icon">
                    <i class="ace-icon fa fa-key"></i>
                </div>

                <div class="infobox-data">
                    <span class="infobox-data-number"><?=$data['kr_prod_today'];?></span>
                    <div class="infobox-content">今日激活产品</div>
                </div>
            </div>

            <div class="infobox infobox-green">
                <div class="infobox-icon">
                    <i class="ace-icon fa fa-key"></i>
                </div>

                <div class="infobox-data">
                    <span class="infobox-data-number"><?=$data['kr_dev_today'];?></span>
                    <div class="infobox-content">今日激活设备</div>
                </div>
            </div>

            <div class="infobox infobox-green">
                <div class="infobox-icon">
                    <i class="ace-icon fa fa-phone"></i>
                </div>

                <div class="infobox-data">
                    <span class="infobox-data-number"><?=$data['kr_today_android'];?>/<?=$data['kr_today_ios'];?></span>
                    <div class="infobox-content">Android/iOS占有</div>
                </div>
            </div>
    </div>

</div>
